這30天內的遊戲編輯，為了方便，每一個遊戲個寫成一個HTML檔，JavaScript的程式碼也直接在HTML檔案中編譯，就不另外分割出來了．
今天先簡單介紹一下一個普通HTML檔的架構，還有如何直接在HTML中編譯JS.
上圖呢，是一個基礎的HTML檔案．
開頭的<!DOCTYPE html>是在告訴瀏覽器，這是一個HTML檔案．
整個HTML的內容都包含在<html>標籤中，後面可以加入一些設定，這並不會影響頁面的呈現，只是在告訴瀏覽器程式相關的資訊，像是我有標註語言lang="en"，我這是標注沒有限定區域的英文，如果想設定的詳細一點也可以加入地區資訊，例如lang="en-US"．
<html>中主要分為兩部分：<head>以及<body>．head中呢，撰寫的通常不是給人看的程式碼，而是供給離覽器的資訊，例如像是文字的編碼、程式介紹等等；而body中就是我們主要呈現給人看的內容了，在圖中我簡單呈現了一個標題element還有內文，html有許多基礎的標籤設定，可以在w3schools找找．
如果我們要直接在HTML中嵌入ＪＳ的程式碼，其實很簡單，在body中加入<script>標籤就可以了，然後程式碼在標籤內的範圍內編輯即可，我之後會使用的是ＪＳ es6的語法，可能有些瀏覽器不支援，如果有這樣的情況，引入ＪＳ版本轉譯套建Babel即可解決．
下面我就簡單用個按鈕來做示範ＪＳ的引入．
按下按鈕後會在terminal中看到完成的紀錄
今天簡單介紹完了如何在HTML中直接寫JS的程式，明天會介紹一下Canvas這個元件
iThome鐵人賽
看影片追技術